Skip to content

docs: add a design-token migration matrix tracking tokenization status - #1153

Open
waterWang wants to merge 1 commit into
Stellopay:mainfrom
waterWang:docs/design-token-migration-matrix
Open

docs: add a design-token migration matrix tracking tokenization status#1153
waterWang wants to merge 1 commit into
Stellopay:mainfrom
waterWang:docs/design-token-migration-matrix

Conversation

@waterWang

Copy link
Copy Markdown

Adds design/token-migration-matrix.md — a comprehensive tracking document that inventories every component across app/ and components/ still containing hardcoded hex colours or raw Tailwind palette utilities, and records each component's tokenization status.

What this matrix covers

  • 8 components with hardcoded hex colours (most critical — they don't adapt to dark mode)
  • ~60 components using raw Tailwind palette utilities (text-gray-*, text-zinc-*, border-gray-*, etc.) instead of semantic design tokens
  • 4 components already fully tokenized from prior rounds

Priority order

The matrix is grouped by user-facing visibility: landing → dashboard → transactions → auth → settings → help → shared UI → system surfaces.

Regenerate command

The document includes grep commands to regenerate the inventory at any time.

Closes #928.

Companion to design-token-mapping.md. Audits every component
in app/ and components/ for hardcoded hex colours and raw
Tailwind palette utilities, and records tokenization status.
@vercel

vercel Bot commented Aug 10, 2026

Copy link
Copy Markdown
Contributor

@waterWang is attempting to deploy a commit to the Jagadeesh B's projects Team on Vercel.

A member of the Team first needs to authorize it.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Create a design-token migration matrix (design/token-migration-matrix.md) tracking hardcoded-hex components against tokenized status

1 participant